/**
 * Project XHTML, CSS & Javascript
 * Styles sheet media screen
 * @author Frédéric Delorme<frederic.delorme@gmail.com>
 * @version 1.0 - 2009/12/07
 */
/*----- reset navigator default values -----*/
html * {
	margin:0;
	padding:0;
	background-color:#333;
	color:#fff;
}
.clear{
	clear:both;
}
.clearl{
	clear:left;
}
.clearr{
	clear:right;
}
a {
	text-decoration:none;
}
.left{
	float:left;
}
.right{
	float:right;
}
.label{
	font-size:8pt;
	padding:0.1em 0.4em;
	margin:0em 0em 0em 1em;
	margin-left:2.5em;
	background-color:#ddd;
	border:1px solid #ddd;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	width:20%;
}
pre{
	margin:0em 0em 1em 2em;
	padding:1em;
	border:1px solid #ddd;
	background-color:#333;
}
/*----- Main Page Definitions -----*/
#page{
	margin:0em 5em;
	border:none;
	font-size:1.0em;
	/*font-family: serif;*/
	font-family: Arial,Tahoma,Verdanet,sans-serif;
}
/*----- Header -----*/
#header{
	padding: 1em 1em;
}
#header h1,#header h2{
	display:inline;
	font-weight:normal;
}
/*----- Menu decoration -----*/
#menu{
	padding: 0.5em 1em;
	/*border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;*/
	border-bottom:1px dotted #000;
}
#menu ul {
	display:inline;
}	
#menu ul li{
	list-style-type: none;
	display:inline;
}
#menu ul.actions{
	float:right;
}
#menu ul li span:after{
	content:" | ";
}
#menu ul.items li:first-child span:before{
	content:"< ";
}
#menu ul.items li:last-child span:after{
	content:" />";
}
#menu ul.actions li:last-child span:after{
	content:"";
}
#menu ul li a{
	text-decoration:none;
	color:#444;
}
#menu ul li a.selected{
	font-weight:bold;
}

#menu ul li a:hover{
	color:#F00;
}
/*----- News bar decoration -----*/
#newsbar{
	float:left;
	width: 15em;
	padding:1em;
	margin:0.5em 0em;
}
#newsbar dl{
	font-size:0.8em;
}
#newsbar dt{
	text-align:justify;
	margin-left:1em;
}
#newsbar dd{
	/*margin:0.5em;*/
	margin-bottom:1em;
	font-weight:bold;
	text-align:left;
}
#newsbar dd a{
	text-decoration:none;
	font-weight: bold;
	color:#AAA;		
}
#newsbar a.readmore{
	color:#666;
	text-decoration:underline;
}
#newsbar dd a:hover{
	text-decoration:underline;
}	
#newsbar dt{
	margin-bottom:1.5em;
}
/*----- Icons decoration -----*/
a.icon{
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:2px;
	padding-left:20px;

	/*background-color:#eee;
	border:1px outset #aaa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
	color:#000;
}
a.title{
	background-image:url(../images/icons/link.png);
}
a.author{
	background-image:url(../images/icons/user-info.png);
}
a.date{
	background-image:url(../images/icons/calendar.png);
}
a.rss{
	background-position:0px 2px;
	background-image:url(../images/icons/feed.png);
}
/*----- Content main decoration -----*/
#content{
	margin: 0.5em 0.5em 0.5em 18em;
	padding: 1em 0em;
	text-align:justify;
}
#content div.post a:hover{
	color:#669;
}
#content div.post h1{
	font-size:1.2em;
	font-family: serif;
}
#content div.post h1 a{
	color:#888;
}
#content div.post h1{
	font-size:1.4em;
	color:#333;
}
#content div.post p{
	font-size:0.9em;
	padding:0.5em;
}
#content div.post p.info{
	/*border-top:1px dotted #666;*/
	text-align:right;
}
#content div.post p.info a{
	color:#aaa;
	font-size:0.9em;
}
#content div.post p.info a.tag{
	color:#000;
	font-size:7pt;
}
/*----- Illustration decoration  -----*/
div.bloc{
	display:bloc;
	width:9em;
	padding:0.5em;
	text-align:center;
}
p.illustration-r{
	margin-right:11em;
}
p.illustration-lr{
	margin-right:11em;
	margin-left:11em;
}
p.illustration-l{
	margin-left:11em;
}
a.illustration img{
	/*border:1px solid #999;*/
	padding-bottom:0.1em;
	border:none;
}
#content div.bloc img{
	padding-bottom:none;
	margin:bottom:none;
}
#content div.bloc p.legend{
	font-size:0.7em;
	padding:0px;
	margin:0px;
	text-align:justify;
}
#newsbar div.bloc{
	width:7em;
}
#newsbar dt.illustration{
	margin-left:7em;
}

#newsbar a.illustration img{
	padding:0.2em;
}
#newsbar a.ir{
	margin-right:0.5em;
}
#newsbar a.il{
	margin-left:0.5em;
}
/*----- Tag decoration -----*/
ul.tags{
	text-align:right;
	margin-top:0.7em;
}
ul.tags li {
	display: inline;
	list-style-type: none;
}
ul.tags li:first-child span:before{
	content:"< ";
	font-family:serif;
	font-size:11pt;
}
ul.tags li:last-child span:after{
	content:" />";
	font-family:serif;
	font-size:11pt;
}
ul.tags li a, a.tag{
	background-color:#ddd;
	border:1px solid #ddd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#000;
	padding:0px 1px;
	margin-left:1px;
	font-size:7pt;
	/*text-transform: capitalize;*/
}
ul.tags li a:hover, a.tag:hover{
	background-color:#ddd;
	border:1px solid #aaa;
}
/*----- End of page -----*/
#footer{
	border-top:1px dotted #000; 
	font-size:0.8em;
	text-align:right;
	padding:0.3em;
}
